﻿<UserControl
    x:Class="Padsurface.App.UserControls.TimerUserControl"
    x:Name="timerUserControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Padsurface.App.UserControls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="100"
    d:DesignWidth="200"
    Width="Auto"
    Height="Auto"
    d:DataContext="{Binding Source={d:DesignInstance Type=local:DesignTimeData, IsDesignTimeCreatable=True}}">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>
        
        <TextBlock TextAlignment="Right" 
                   Text="{Binding Caption, ElementName=timerUserControl}"
                   Style="{StaticResource SubheaderTextStyle}" />
        
        <TextBlock Grid.Row="1" TextAlignment="Right"
                   Text="{Binding Time, ElementName=timerUserControl}"
                   Style="{StaticResource HeaderTextStyle}"
                   Margin="0,20,0,0" />
    </Grid>
</UserControl>
